<script setup lang="ts">

</script>

<template>
  <div class="home">
    <el-icon>
      <Briefcase/>
    </el-icon>
    <span>| 会员中心</span>
  </div>
  <el-menu :default-active="$route.path" class="el-menu-vertical-demo" router>
    <el-menu-item :index="`/member/cert`">
      <el-icon>
        <UploadFilled/>
      </el-icon>
      <span>实名认证</span>
    </el-menu-item>
    <el-menu-item :index="`/member/order`">
      <el-icon>
        <Platform/>
      </el-icon>
      <span>挂号订单</span>
    </el-menu-item>
    <el-menu-item :index="`/member/patient`">
      <el-icon>
        <Avatar/>
      </el-icon>
      <span>就诊人管理</span>
    </el-menu-item>
    <el-menu-item :index="`/member/message`">
      <el-icon>
        <Message/>
      </el-icon>
      <span>账号信息</span>
    </el-menu-item>
    <el-menu-item :index="`/member/feedback`">
      <el-icon>
        <Comment/>
      </el-icon>
      <span>意见反馈</span>
    </el-menu-item>
  </el-menu>
</template>

<style scoped lang="scss">
.menu {
  display: flex;
  flex-direction: column;
  justify-content: center;

  .home {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 30px 24px;


    span {
      margin-left: 5px;
      color: #d2d2d2;
      font-size: 14px;
    }
  }

  .el-menu {
    border: 0;

    .el-menu-item {
      margin: 10px 0;
    }
  }
}
</style>
